import styled from "styled-components/native";
import { /*RFValue*/ } from "react-native-responsive-fontsize";

export const Container = styled.View`
  width: 100%;
  flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
  margin-top: ${/*RFValue*/(2)}px;
`;

export const Container1 = styled.View`
  background-color: rgba(255, 255, 255, 1);
  height: ${/*RFValue*/(36)}px;
  flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
`;

export const Container2 = styled.ScrollView`
  background-color: rgba(247, 247, 247, 1);
  padding: ${/*RFValue*/(16)}px 0 0 ${/*RFValue*/(16)}px;
`;

export const Container3 = styled.ScrollView`
  background-color: rgba(247, 247, 247, 1);
  padding: ${/*RFValue*/(12)}px 0 ${/*RFValue*/(16)}px ${/*RFValue*/(16)}px;
`;

export const Container4 = styled.ScrollView`
  background-color: rgba(244, 244, 244, 1);
  padding: ${/*RFValue*/(10)}px 0;
`;

export const Container5 = styled.ScrollView`
  background-color: rgba(244, 244, 244, 1);
  padding: 0;
`;

export const ButtonsWrapper = styled.View`
  align-items: center;
  flex-direction: row;
  margin: 0px ${/*RFValue*/(8)}px;
  flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
`;

export const Buttons2Wrapper = styled.View`
  align-items: center;
  flex-direction: row;
  margin-right: ${/*RFValue*/(32)}px;
  flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
`;

export const ButtonContainer = styled.Pressable`
  flex-direction: row;
  border-radius: ${/*RFValue*/(12)}px;
  align-items: center;
  justify-content: center;
  padding: ${/*RFValue*/(8)}px ${/*RFValue*/(12)}px;
  margin-left: ${/*RFValue*/(8)}px;
  flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
`;

export const ButtonText = styled.Text`
  font-size: ${/*RFValue*/(14)}px;
  margin-left: ${/*RFValue*/(4)}px;
  color: rgba(142, 142, 147, 1);
  font-family: HarmonyOS_Sans_SC_Regular;
  font-weight: 400;
  flex-wrap: nowrap;
  overflow: hidden;
`;

export const Button2Container = styled.TouchableOpacity`
  border-radius: ${/*RFValue*/(12)}px;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 1);
  margin-right: ${/*RFValue*/(16)}px;
  padding: ${/*RFValue*/(5)}px ${/*RFValue*/(12)}px;
`;

export const Button2Text = styled.Text`
  font-size: ${/*RFValue*/(12)}px;
  color: rgba(142, 142, 147, 1);
  font-family: HarmonyOS_Sans_SC_Regular;
  font-weight: 400;
`;
